﻿@charset "utf-8";


*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,  {
	font-weight: normal;
	text-decoration: none; 
	
}
 a:link{
	color:#5A5A5A;
	font-weight: normal;
	text-decoration: none; font-size:13px;
	
}
a:visited {
	color:#5A5A5A;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	font-weight: normal;
	text-decoration: none;
}
 a:active {
    color:#5A5A5A;
	font-weight: normal;
	text-decoration: none;
}
body{ background:url(../images/bj.jpg) repeat-x;
}
img { border:0px;}
strong { font-weight:bold;}
h1 { font-weight:bold; font-size:18px; color:#000000; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none;} 



.text {
	clear:right;line-height:28px; text-align:left; color:#000; padding:10px; padding-left:20px;/**/
}
.text h1{font-size:13px; display : inline; color:#790202;}
.text1 {
	clear:right;line-height:26px; text-align:left; color:#666666; padding:10px;/**/
}
.text1 h1{ margin:0px; text-align:center; color:#d64c04; font-size:14px}
.text1 .other{ text-align:center; line-height:35px;}
.text1.contxt{ margin:5px}
.map {
	float:left;
	margin:5px;
	padding:2px; margin-top:10px;}
.clear {clear:both; *display:inline;/*IE only*/}
.cl { clear:both; height:10px; overflow:hidden; padding:0px; margin:0px;}



.top { width:1200px; margin:0 auto; }
.logo { float:left; width:330px; height:58px;background:url(../images/logo.jpg) left no-repeat; padding-left:465px; padding-top:27px; padding-bottom:10px; font-size:13px; color:#000; line-height:22px;}
.logo strong { color:#FF0000; font-size:14px;}
.tel { float:right; width:389px; background:url(../images/tel.jpg) left no-repeat; text-align:right; padding-top:7px; height:88px;font-size:12px;}
.tel a:link ,.tel a:visited { font-size:13px;}
.dh { clear:both;  height:43px; background:url(../images/hdbj.jpg) repeat-x;font-family:Microsoft YaHei}
.dh ul { padding:0px;}
.dh li { float:left; width:171px; line-height:43px;   height:43px; text-align:center;}
.dh li a:link ,.dh li a:visited { color:#FFFFFF; font-size:18px; font-family:Microsoft YaHei}
.dh li a:hover {font-size:18px; font-family:Microsoft YaHei}


.flash { clear:both; text-align:center; width:1000px; margin:0 auto; padding-top:10px;}
.main { width:1200px; margin:10px auto; overflow:hidden;}
.flash2 { float:left; width:553px; height:238px; text-align:center; margin-left:5px;}

.index_banner{position:relative;height:500px;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:500px;}

.index_banner li a{display:block;margin:0 auto;width:1200px;height:500px;}
.index_banner cite{position:absolute;bottom:10px;left:45%;z-index:999;display:block;width:248px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#b61d18;cursor:default;}



.i-news { float:right; width:312px; }
.i-news ul { clear:both;}
.i-news li { clear:both; background:url(../images/ico.jpg) left center no-repeat; padding-left:20px; border-bottom:1px dashed #A2A2A2;  height:31px; line-height:31px}
.i-news li a:link , .i-news li a:visited { font-size:13px; }
.i-news li a:hover { text-decoration:underline; }

.i-about { float:left; width:610px;  font-size:14px;}


.i-tit { clear:both; text-align:left; background:url(../images/i-tit.jpg) no-repeat; padding-top:10px; height:25px; color:#FFFFFF; font-size:13px; font-weight:bold; padding-left:100px; }
.i-tit span { float:right; padding-right:10px; margin-top:5px;}
.i-tit a:link ,.i-tit a:visited { font-size:13px; font-weight:100; color:#FFFFFF;}
.i-tit a:hover { text-decoration:underline;}

.yqlj { clear:both; background:url(../images/yqlj.jpg) no-repeat; width:1150px; padding-right:10px; padding-left:40px; padding-top:5px; padding-bottom:5px; height:76px; line-height:20px; color:#666666; font-size:13px;}
.foot { width:100%; background:url(../images/foot.jpg) repeat-x; margin:0 auto;}
.foot ul { width:1200px; margin:0 auto; background:url(../images/foota.jpg) top right no-repeat; padding-top:10px;}
.foot li{ clear:both; text-align:center; color:#fff;font-size:13px; line-height:25px;}
.foot li a:link , .foot li a:visited { color:#fff; font-size:13px;}
.foot li a:hover { text-decoration:underline;}
.foot li span { float:right;}


.left { float:left; width:235px; }



.left-tit { background:url(../images/left-tit.jpg) no-repeat; padding-top:10px; height:28px; font-size:13px; font-weight:bold; color:#fff; padding-left:15px; text-align:left;}
.left-fl { clear:both; border:1px solid #E6E6E6; width:225px; background:#fff url(../images/L-CPFL.jpg) no-repeat; padding-top:70px;}
.left-fl dl { width:200px; margin:0 auto; padding-bottom:20px;}
.left-fl dt { clear:both; font-weight:bold; height:42px; line-height:42px; padding-left:20px; background:url(../images/ico.png) no-repeat  10px center; border-bottom:1px dashed #dfdfdf }
.left-fl dt a:link ,.left-fl dt a:visited { font-size:13px;font-weight:bold;color:484848;}
.left-fl dd { clear:both; padding-top:5px; height:22px; padding-left:30px; }
.left-fl dd a:link ,.left-fl dd a:visited { font-size:13px; color:484848;}


.left-lxfs {clear:both; border:1px solid #E6E6E6; width:231px; background:url(../images/left-lxwm.jpg) no-repeat; padding-top:100px;}
.left-lxfs ul { width:185px; margin:0 auto; padding-bottom:20px; padding-top:10px;}
.left-lxfs li { clear:both; line-height:25px;padding-left:0px; font-size:13px;}
.left-lxfs li strong { color:#C30000;}


.right { float:right; width:945px; margin-left:20px; }
.right-tit { background:url(../images/right-tit0.jpg) left bottom no-repeat; padding-left:25px; line-height:35px; height:35px; font-weight:bold; color:#000;  text-align:left; font-size:16px;border: 1px solid #E6E6E6;}
.right-tit span { float:right;  color:#fff; padding-right:10px; font-size:13px;}
.right-tit span a:link ,.right-tit span a:visited{ color:#fff; }
.about { width:930px; margin:0 auto; padding-top:20px;  overflow:hidden; text-align:left; line-height:25px; font-size:13px; color:#666666;}

.lxwm { float:left; margin-left:10px; background:url(../images/r-lxwm.jpg) no-repeat; width:213px; padding-top:100px; height:142px;}
.lxwm ul { padding-top:20px; padding-right:10px;}
.lxwm li { clear:both; line-height:18px; text-align:left; padding-left:15px;}

.lxwmEN { float:left; margin-left:10px; background:url(../images/r-lxwmEN.jpg) no-repeat; width:213px; padding-top:100px; height:142px;}
.lxwmEN ul { padding-top:20px; padding-right:10px;}
.lxwmEN li { clear:both; line-height:18px; text-align:left; padding-left:15px;}


.news {width:930px;  overflow:hidden; margin:0 auto; font-size:13px; padding-top:20px;}
.news ul { padding-left:5px; padding-bottom:20px;}
.news li {background:url(../images/right-newsbj.gif) no-repeat; clear:both; line-height:32px; text-align:left; padding-left:15px;}
.news li span { text-align:right; float:right; padding-right:10px; color:#999999;}
.cpfl {background:url(../images/right-bj.jpg) repeat-y; clear:both; padding:2px; width:279px; overflow:hidden; padding-bottom:15px;}
.cpfl ul { padding-left:5px; padding-bottom:10px;}
.cpfl li { background:url(../images/news-bj.jpg) bottom left no-repeat; float:left; width:115px; padding-top:3px; line-height:25px; text-align:left; padding-left:15px;}





.news-xx { clear:both; width:680px;  padding-top:10px; padding:20px; text-align:left; line-height:25px; font-size:13px;}
.news-xx h1 { border-bottom:1px dashed #E6E6E6; padding-top:20px; padding-bottom:10px; margin-bottom:10px; color:#ff0000;}

.product  { width:940px; margin:0 auto;  overflow:hidden; padding-bottom:10px;}
.product ul {
	float:left;
	border:1px solid #CFCFCF;
	width:223px;
	height:263px;
	text-align:center;
	
	margin:10px 5px;
	
	background-image: url(../images/cp-bj.jpg);
	background-repeat: repeat-x;
	background-position: bottom;background-color: #FFFFFF;
}
.product li { clear:both; }
.product li a:link ,.product li a:visited { font-size:13px; } 
.product .bt{line-height:40px; display:block; height:40px; overflow:hidden}


.product-nav { clear:both; text-align:center; padding:10px;}
.product-img { text-align:center; width:100%;}
.product-img img { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px;}
.product-text {width:920px;  overflow:hidden; padding-bottom:10px; font-size:13px; line-height:25px; margin:0 auto;}
.product-text h1 {  padding-top:20px;}
.product-text .other{ text-align:center;border-bottom:1px dashed #CCCCCC;}

.product-name { clear:both; text-align:left; color:#FF9900; font-size:14px; font-weight:bold;}

.product-pic { clear:both; width:920px; padding:10px;display:table;text-align:center; margin-top:30px}
.product-pic span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.product-pic img {width: expression(this.width > 920? 920: true); max-width: 920px; height: expression(this.height > 920 ? 920: true); max-height: 920px;}

.p-a{width:660px;text-align:center;margin:0 auto;}
.p-a img { border:1px solid #CCCCCC; padding:2px;}


.pica{width:223px;height:223px;display:table;text-align:center; clear:both; background:#FFFFFF; margin:0 auto;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.pica img {width: expression(this.width > 223? 223: true); max-width: 223px; height: expression(this.height > 223 ? 223: true); max-height: 223px;}



.picx{width:750px; clear:both; margin:0 auto; margin-top:20px; text-align:center; border:1px solid #CCCCCC; background:#FFFFFF;}

.picx img { }


.picb{width:230px;height:230px;display:table;text-align:center;  clear:both;}
.picb span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picb img {width: expression(this.width > 230 ? 230: true); max-width: 230px; height: expression(this.height > 230 ? 230: true); max-height: 230px;}
#fla { color:#990000; font-weight:bold;}

.ly { width:720px; margin:0 auto; border:1px dashed #F9C5C5; overflow:hidden; padding:10px; margin-top:20px;}
.ly ul { clear:both;}
.ly li { clear:both;  text-align:left; line-height:20px; color:#999999; font-size:13px;}
.ly li span { float:right; color:#dadada;}
.hf { clear:both; background:#F3F3F3; overflow:hidden; padding:10px;color:#0D65C0; font-size:13px;}
.hf strong { color:#0D65C0;}
.pages { clear:both; width:600px; margin:0 auto; padding:10px; text-align:center; font-size:13px;}

.tda { width:930px; margin:0 auto; margin-top:30px;}
.tda td{ padding:5px; font-size:13px;}


.contact { background:url(../images/contact-bj.jpg) no-repeat; width:920px; padding-left:20px; margin:0 auto; padding-top:50px; height:350px; line-height:35px; font-size:14px;}
.contact strong { color:#FF0000; font-weight:bold; font-size:14px;}

.wrapper {width:1000px; margin:0 auto; padding-bottom:50px;}


.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;}
.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}
.shuoming dd {line-height:20px; padding:5px 20px;}

/* qqshop focus */
#focus {width:1000px; height:268px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:1000px; height:268px; overflow:hidden; position:relative; background:#fff;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


.kf_top{
	background-image:url(/Template/images/KF_1.gif);
	background-repeat: no-repeat;
	width:99px;
	height:35px;}
.kf_bg{
	background-image: url(/Template/images/KF_2.jpg);
	background-repeat: repeat-y;
	text-align:center;
	width:99px;
	padding:10px px;		
	font-size:13px;
	line-height:22px;
}
.kf_bg li{ padding:5px 0px; }
.kf_bottom{
	background-image: url(/Template/images/KF_3.gif);
	background-repeat: no-repeat;	
	width:99px;
	height:67px;
}
#pager_List{ text-align:center; font-size:12px}
#demo {background: #FFF;overflow:hidden;width: 98%; margin:0 auto;padding-top:20px; padding-bottom:10px}

#indemo {float: left;width: 500%;}
#demo1 {float: left;}
#demo2 {float: left;}
.mh1{ display:none}